<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>关于</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        .body {
            background-color: #51565c;
            margin: 0 auto;
        }

        .box {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: 50px;
        }
        .header{
            width: 100%;
            /* height: 200px; */
            /* background-color: red; */
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #fff;
            box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
        }
        .header-content{
            width: 90%;
            /* height: 100px; */
            /* background-color: green; */
            display: flex;
            justify-content: center;
            text-align: center;
            justify-content: space-between;
        }
        .header-nav{
            margin-top: 20px;
            margin-bottom: 20px;
            display: flex;
            justify-content: center;
            text-align: center;
        }
        .nav-content{
            /* width: 20%; */
            text-align: center;
            /* background-color: red; */
            margin: 0 10px;
            padding: 0 20px;
        }
        a{text-decoration:none}
    </style>
</head>

<body class="body">
    <div class="header">
        <div class="header-content">
            <div></div>
            <!-- <div>
                <img src="./imgs/01-header/1641206683(1).png" alt="">
            </div> -->
            <div class="header-nav">
                <a href="./index.html">
                    <div class="nav-content">
                        <div>首页</div>
                        <div style="font-size: 10px;color: #c0c0c0;">home</div>
                    </div>
                </a>
                <a href="./anli.html">
                    <div class="nav-content">
                        <div>案例</div>
                        <div style="font-size: 10px;color: #c0c0c0;">case</div>
                    </div>
                </a>
                <a href="./fuwu.html">
                    <div class="nav-content">
                        <div>服务</div>
                        <div style="font-size: 10px;color: #c0c0c0;">service</div>
                    </div>
                </a>
                <a href="./wenzhang.html">
                    <div class="nav-content">
                        <div>文章</div>
                        <div style="font-size: 10px;color: #c0c0c0;">article</div>
                    </div>
                </a>
                <a href="./guanyu.html">
                    <div class="nav-content">
                        <div>关于</div>
                        <div style="font-size: 10px;color: #c0c0c0;">about</div>
                    </div>
                </a>
            </div>
        </div>
    </div>
    <div style="text-align: center;margin-top: 60px;">
        <div style="color:#b9bbbd;font-size:28px">律询为您解决各类法律咨询问题</div>
        <div style="color: #ffff;margin-top: 10px;">专 业 律 师 等 待 你 的 咨 询</div>
    </div>
    <div class="box">
        <div style="background-color: #ffff;width: 30%;text-align: center;border-radius: 5px;">
            <img src="./imgs/01-header/saoma.png" alt="" style="width:250px;height:250px;border-radius: 50%;margin-top: 20px;" >
            <div style="font-size:20px;font-weight: bold;margin-top: 10px;" >专业律师等你扫码咨询</div>
            <div style="font-size:14px;margin-top: 10px;margin-bottom: 60px;" >用专业解决您的问题，用实力换取你的信任</div>
        </div>
        <div
            style="width:40% ;height: 400px;margin-left: 20px;display: flex;flex-wrap: wrap;justify-content: space-between;">
            <div style="width: 33%;background-color: #ffff;height: 49%;text-align: center;border-radius: 5px;">
                <div>
                    <img src="./imgs/07-solutions/06.png" alt="" style="margin-top: 50px;"> 
                    <div style="margin-top: 10px;color: #333;">在线咨询</div>  
                    <div style="margin-top: 10px;font-size: 12px;color: #7d7d7d;">律师及时响应</div> 
                </div>
            </div>
            <div style="width: 33%;background-color: #ffff;height: 49%;text-align: center;border-radius: 5px;">
                <div>
                    <img src="./imgs/07-solutions/06.png" alt="" style="margin-top: 50px;"> 
                    <div style="margin-top: 10px;color: #333;">专业律师</div>  
                    <div style="margin-top: 10px;font-size: 12px;color: #7d7d7d;">多年专业经验</div> 
                </div>
            </div>
            <div style="width: 33%;background-color: #ffff;height: 49%;text-align: center;border-radius: 5px;">
                <div>
                    <img src="./imgs/07-solutions/06.png" alt="" style="margin-top: 50px;"> 
                    <div style="margin-top: 10px;color: #333;">资源丰富</div>  
                    <div style="margin-top: 10px;font-size: 12px;color: #7d7d7d;">查询丰富资源</div> 
                </div>
            </div>
            <div style="width: 33%;background-color: #ffff;height: 49%;text-align: center;border-radius: 5px;">
                <div>
                    <img src="./imgs/07-solutions/06.png" alt="" style="margin-top: 50px;"> 
                    <div style="margin-top: 10px;color: #333;">足不出户</div>  
                    <div style="margin-top: 10px;font-size: 12px;color: #7d7d7d;">律师一对一上门</div> 
                </div>
            </div>
            <div style="width: 33%;background-color: #ffff;height: 49%;text-align: center;border-radius: 5px;">
                <div>
                    <img src="./imgs/07-solutions/06.png" alt="" style="margin-top: 50px;"> 
                    <div style="margin-top: 10px;color: #333;">方便快捷</div>  
                    <div style="margin-top: 10px;font-size: 12px;color: #7d7d7d;">扫码使用</div> 
                </div>
            </div>
            <div style="width: 33%;background-color: #ffff;height: 49%;text-align: center;border-radius: 5px;">
                <div>
                    <img src="./imgs/07-solutions/06.png" alt="" style="margin-top: 50px;"> 
                    <div style="margin-top: 10px;color: #333;">免费咨询</div>  
                    <div style="margin-top: 10px;font-size: 12px;color: #7d7d7d;">分享群得免费咨询</div> 
                </div>
            </div>

        </div>
    </div>


</body>

</html>